
<style>
    .layui-col-md4 > .layui-card {height: 120px}
    .layui-col-md4 > .layui-card > .layui-row {height: 100%}
    .layui-col-md4 > .layui-card > .layui-row > .layui-col-md3 {height: 100%;padding: 10px;}
    .layui-col-md4 > .layui-card > .layui-row > .layui-col-md3 > img{width: 100%;height: 100%; object-fit: cover}
    .layui-col-md4 > .layui-card > .layui-row > .layui-col-md9 {height: 100%; padding:10px;}
    .layui-col-md4 > .layui-card > .layui-row > .layui-col-md9 > .layui-row{height: 100%}
    .layui-col-md4 > .layui-card > .layui-row > .layui-col-md9 > .layui-row >.layui-col-md8{height: 30px;display: flex;flex-direction: row-reverse}
    .layui-col-md4 > .layui-card > .layui-row > .layui-col-md9 > .layui-row >.layui-col-md4{height: 30px;display: flex;}
    .layui-col-md4 > .layui-card > .layui-row > .layui-col-md9 > .layui-row >.layui-col-md4 >span{margin-left: 2px;}
    .layui-col-md4 > .layui-card > .layui-row > .layui-col-md9 > .layui-row >.layui-col-md12{height: 70px}
</style>

<div class="bw-container">
    <div class="bw-main">
<div style="padding: 20px;">
    <div class="layui-row layui-col-space15">
        {if empty($list)}
            平台暂未上架任何可购买应用。如果您是总平台管理员，请到总平台管理后台安装应用并上架。
        {else}
        {foreach $list as $vo }
        <div class="layui-col-md4 app-item" data-id="{$vo.id}" style="cursor: pointer">
            <div class="layui-card layui-bg-gray">
                <div class="layui-row">
                    <div class="layui-col-md3">
                        <img src="{$vo.logo_image}">
                    </div>
                    <div class="layui-col-md9">
                        <div class="layui-row">
                            <div class="layui-col-md4">
                                {$vo.title}
                            </div>
                            <div class="layui-col-md8">
                                {if(false !== strpos($vo['types'], 'mini_program'))}<span class='layui-badge' style="margin-left: 2px;">微信小程序</span>{/if}
                                {if(false !== strpos($vo['types'], 'app'))}<span class='layui-badge' style="margin-left: 2px;">APP</span>{/if}
                                {if(false !== strpos($vo['types'], 'h5'))}<span class='layui-badge' style="margin-left: 2px;">h5</span>{/if}
                                {if(false !== strpos($vo['types'], 'official'))}<span class='layui-badge' style="margin-left: 2px;">微信公众号</span>{/if}
                                {if(false !== strpos($vo['types'], 'system'))}<span class='layui-badge' style="margin-left: 2px;">系统</span>{/if}
                                {if(false !== strpos($vo['types'], 'tt_program'))}<span class='layui-badge' style="margin-left: 2px;">头条小程序</span>{/if}
                            </div>
                            <div class="layui-col-md12">
                                应用简介：{$vo.describe}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>        {/foreach}

        {/if}
    </div>
</div>
    </div>
</div>